﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="admin.aspx.cs" Inherits="BS.Web.admin.admin" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link type="text/css" rel="Stylesheet" href="style/main.css" />
    <style type="text/css">
        ul{list-style:none;margin:0px;padding:0px;}
        .container{margin:0px auto;padding:0px;}
        .container .left{float:left;}
        .top{margin:0px;padding:0px;height:80px;}
        .top-menu{height:30px;line-height:30px;border-top:1px solid #444;border-bottom:1px solid #444;font:微软雅黑 宋体 arial;font-size:14px;}
        .top-menu ul{}
        .top-menu li{float:right;margin:0px;padding:0px 5px;}
        .left{position:fixed;left:0px;width:200px;border-right:solid 1px #CCC;}
        .left-menu{font:微软雅黑 宋体 arial;font-size:16px;}
        .left-menu .main-list{}
        .left-menu .main-item{padding-left:20px;margin:5px 0px;cursor:pointer;background-image:url('image/collapse.gif');background-repeat:no-repeat; background-position:3px 2px;}
        .left-menu .main-item-expand{padding-left:20px;cursor:pointer;background-image:url('image/expand.gif');background-repeat:no-repeat; background-position:3px 2px;}
        .left-menu .sub-list{}
        .left-menu .sub-item{padding-left:40px;cursor:pointer;}
        
        .right{position:fixed;left:200px;right:0px;}
    </style>
    <script type="text/javascript" src="script/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="config/config.js"></script>
    <script type="text/javascript" src="config/menu_left.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.left-menu').prepend(config.loadLeftMenu(config_menu_left));

            $('.main-item').click(function () {
                if (!$(this).next().is(':visible')) {
                    $('.main-item').next().hide('fast');
                    $('.main-item').removeClass('main-item-expand');
                    $(this).addClass('main-item-expand');
                } else {
                    $('.main-item').removeClass('main-item-expand');
                }

                $(this).next().toggle('fast');
            }).next().hide();
            $('.sub-item').click(function () {
                $('#frameMain').prop('src', this.$href);
            });

            $('#frameMain').height($(window).height() - $('.top').height() - $('.top-menu').height() - 10);
            $('.left').height($(window).height() - $('.top').height() - $('.top-menu').height() - 10);
            $(window).resize(function () {
                $('#frameMain').height($(window).height() - $('.top').height() - $('.top-menu').height() - 10);
                $('.left').height($(window).height() - $('.top').height() - $('.top-menu').height() - 10);
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="top">
    </div>
    <div class="top-menu">
        <ul>
            <li><a href="javascript:void(0);">Setting</a></li>
            <li><a href="javascript:void(0);">Profile</a></li>
            <li><a href="javascript:void(0);">Home</a></li>
        </ul>
        <div class="clean"></div>
    </div>
    <div class="container">
        <div class="left">
            <div class="left-menu">
                <%--<ul class="main-list">
                    <li class="main-item">Menu1</li>
                    <li>
                        <ul class="sub-list">
                            <li class="sub-item">Sub1</li>
                            <li class="sub-item">Sub1</li>
                            <li class="sub-item">Sub1</li>
                            <li class="sub-item">Sub1</li>
                        </ul>
                    </li>
                    <li class="main-item">Menu2</li>
                    <li></li>
                    <li class="main-item">Menu3</li>
                    <li class="main-item">Menu4</li>
                </ul>--%>
                <div class="clean"></div>
            </div>
        </div>
        <div class="right">
            <iframe id="frameMain" width="100%" frameborder="0" scrolling="auto" src="book.aspx"></iframe>
        </div>
        <div class="clean"></div>
    </div>
    </form>
</body>
</html>
